<template>
  <div>
    <fade>
      <div>
        <div class="header" @click="jumpRoute">
          <p>线上购票</p>
          <img class="header-icon" src="@/assets/img/arrow-lift.png" />
        </div>
      </div>
    </fade>
  </div>
</template>
<script>
import fade from "@/components/fade/fade.vue";
export default {
  name: "listHeader",
  components:{
    fade
  },
  methods: {
    jumpRoute() {
      this.$router.go(-1);
    }
  }
};
</script>
<style scoped>
.header,
.header {
  z-index: 1;
  /* position: fixed; */
  height: 45px;
  line-height: 45px;
  width: 100%;
  background: #00bcd4;
  /* border-bottom: 1px solid #eeeeee; */
  font-size: 15px;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
  top: 0px;
}
.header .header-icon {
  overflow: hidden;
  position: relative;
  width: 27px;
  padding-bottom: 27px;
  left: -170px;
  top: -35px;
  /* top: 0px; */
  /* left: 10px; */
}
</style>